<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
   <!-- content="text/html;charset=ISO-8859-15" -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	  <!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -->
    <title>DARTIES - Tableau de bord du directeur commercial</title>

	<link rel="stylesheet" href="../styles/style.css" type="text/css" media="screen" />
	
    <script type="text/javascript" src="../js/script.js"></script>
	<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script> 
	<!--<script type="text/javascript" src="../js/menu.js"></script> -->
	<script type="text/javascript" src="../js/tablesorter.js"></script> 
	
	<!-- Pour les graphiques en JQuery -->

	<script type="text/javascript" src="../js/highcharts.js" ></script>
	<script type="text/javascript" src="../js/adapters/mootools-adapter.js" ></script>
	<script type="text/javascript" src="../js/ca.js" ></script>

	
	
		<!-- Pour les graphiques en JQuery: Le Chiffre d'affaires  -->

	
	
	
	<script type="text/javascript">
		window.onload = function(){
			$("#myTable1").tablesorter();
			
			g_globalObject = new JsDatePick({
				useMode:1,
				isStripped:true,
				target:"calendrier"
			});		
			
			g_globalObject.setOnSelectedDelegate(function(){
			});
		};
	</script>
</head>
<body> 
	<div id="page">
		<div id="header">
		
		<!--  -->
			<div id="utilisateur">Le Grand Ronan<a href="../index.html" >Déconnexion</a></div>
			
			
			

			
			<div class="cleared"></div>
			<div id="logo-darties">&nbsp </div>
			<div id="site-titre">
				<p class = "titre"><a href="#">Tableau de bord </a></p>
				<p class= "detail">Direction commercial</p>
			</div>
			<div id="logo-iut">&nbsp </div>
			<div id="date_modification">Dernière modification 7 janvier 2012</div>
		
</div> <!-- Fin Div Header -->
		<!-- Onglets -->
		<!-- <ul id="onglets">
			<li>
				<a href="page.html" title ="tab1" class="active">Accueil</a>
			</li>
			<li>
				<a href="details.html" title="tab2">Détails</a>
			</li>		
			<li>
				<a href="historique.html" title="tab3">Historique</a>
			</li>
			<li>
				<a href="analyse.html" title="tab4">Analyse</a>
			</li>
			<li>
				<a href="aide.html" title="tab5">Aide</a>
			</li>
		</ul> -->
		
		
		
		<ul id="tabs">
			<li>
				<a href="index.html" title ="tab1">Accueil</a>
			</li>
			<li>
				<a href="details.html" title="tab2">Détails</a>
			</li>		
			<li>
				<a href="historique.html" title="tab3">Historique</a>
			</li>
			<li>
				<a href="analyse.html" title="tab4" class="active">Analyse</a>
			</li>
			<li>
				<a href="aide.html" title="tab5">Aide</a>
			</li>
			<li class="options"><img src="images/header/pdf.png" title="Convertir en PDF"></li>
			<li class="options"><img src="images/header/imp.jpg" title="Imprimer"></li>
		</ul>
	
	

			
<!-- MIDDLE -->
		<div id= "middle">
<!-- SIDEBAR -->
			<div id="sidebar">
			
				<!-- BLOCK INDICATEURS 
				<div class="block">
					<div class="titre">Indicateurs</div>
					<div class="contenu">
						<table>
							<tr>
								<td><span> Indicateur:</span></td>
								<td>
									<select style="width:150px">
										<option >Chiffre d'affaires</option>
										<option >Ventes</option>
										<option >Marge brute</option>
									</select>
								</td>
							</tr>

							<tr>
								<td><span> Chiffres d'affaires: </span></td>
								<td>
									<input type="radio" name="ca" selected>Objectif
									<input type="radio" name="ca" >Réel
								</td>
							</tr>
						
						
							<tr>
								<td><span> Période:</span></td>
								<td>
									<select style="width:150px">
										<option >Mois</option>
										<option >Annuel</option>
										<option >Bi-annuel</option>
										<option >Semestrielle</option>
									</select>
								</td>
							</tr>						
							
							<tr>
								<td><span> Région:</span></td>
								<td>
									<select style="width:150px">
											<option >Sud Est</option>
											<option>Nord Ouest</option>
											<option>Sud Ouest</option>
											<option>Region parisienne</option>
											<option>Nord Est</option>
									</select>
								</td>
							</tr>	
							
							<tr>
								<td><span> Type: </span></td>
								<td>
									<select style="width:150px">
										<option >Réel</option>
										<option >Ecart</option>
										<option >Ratio</option>
									</select>
								</td>
							</tr>
							
							
							
							
							
							
						</table>
					</div>
				</div> Fin Div Indicateurs -->					
				<div class="cleared"></div>
			<!-- BLOCK INDICATEURS -->
				<div class="block">
					<div class="titre">Filtres</div>
					<div class="contenu">
						<table>
							
						<tr>
								<td><span> Region:</span></td>
								<td>
									<select style="width:150px" >
										<option >Toutes régions</option>
										<option >Nord-Ouest</option>
										<option >Sud-Ouest</option>
										<option >Nord-Est</option>
										<option >Sud-Est</option>
										<option >Region parisienne</option>
									</select>
								</td>
							</tr>
							<tr>
								<td><span> Periode:</span></td>
								<td>
									<select style="width:150px">
										<option >Mois</option>
										<option >Annuel</option>										
										<option >Semestrielle</option>
									</select>
								</td>
							</tr>						
								
							<tr>
								<td><span> Mois:</span></td>
								<td>
									<select style="width:150px">
											<option>Janvier</option>
											<option>Fevrier</option>
											<option>Mars</option>
											<option>Avril</option>
											<option>Mai</option>
											<option>Juin</option>
											<option>Juillet</option>
											<option>Aout</option>
											<option>Septembre</option>
											<option>Octobre</option>
											<option>Novembre</option>
											<option>Décembre</option>
									</select>
								</td>
							</tr>						
								
							<tr>
								<td><span> Indicateur:</span></td>
								<td>
									<select style="width:150px">
										<option >Tous indicateurs</option>
										<option >CA</option>
										<option >Marge</option>
										<option >Vente</option>
									</select>
								</td>
							</tr>	
							
							<tr>
								<td><span> Produits:</span></td>
								<td>
									<select style="width:150px" disabled>
										<option >Toutes familles</option>
										<option >Four</option>
										<option >Hifi</option>
										<option >Magneto</option>
									</select>
								</td>
							</tr>
							<tr>
								<td><span> Devise:</span></td>
								<td>
									
										<input type="radio" checked name="devise">€
										<input type="radio"  name="devise">$
									
								</td>
							</tr>								
						</table>
					</div>
				</div><!-- Fin Div Indicateurs -->					
				<div class="cleared"></div>
			
			
				<!-- BLOCK RECHERCHE -->
				<div class="block">
					<div class="titre"> Recherche </div>
					<div class="contenu">
						<form method="get" id="newsletterform" action="javascript:void(0)">
							<input type="text" value="Recherche" name="email" id="s" style="width: 60%;" onclick="this.value=''"/>						
							<a href="#" onclick="newsletterform.submit();"><img src="../images/contenu/recherche.jpg"  height='15px'></img></a>
							<br></br>
						</form>
					</div>
				</div> <!-- Fin Div Recherche -->	
				<div class="cleared"></div>
		
		
		
				<!-- BLOCK CALENDRIER -->
				<div class="block">
					<div class="titre">Calendrier</div>
					<div class="contenu">
						<div id="calendrier" style="margin:none; width:200px; height:250px;"></div>   
					</div>
				</div> <!-- Fin Div Calendrier -->
				<div class="cleared"></div>
				
			</div><!-- Fin Div Sidebar --> 

<!-- CONTENT  -->
			<div id="content">
					</br>
					<h1>Analyse par population et par m²</h1>
					<h2>Euros / Année 2011 / Tous indicateurs / Toutes régions</h2>
					<table class="tablesorter"  id="myTable1">
						<thead> 
							<tr> 
								<th>Rang</th>
								<th >Villes</th>
								<th style="width:2px"></th>
								<th >CA_R</th>
								<th >Population</th>
								<th >CA/Pop*100</th>
								<th >m²</th>
								<th >CA/m²</th>
							</tr> 
						</thead> 
						<tbody>
							<tr>
								<td class="centrer">1</td>
								<td class="gauche"> Versailles </td>
								<td > <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
								<td> 12 086,70 </td>
								<td >1 311 717</th>
								<td >0,921</th>
								<td >0</td>
								<td >0</td>
							</tr>
							<tr class="even">
								<td class="centrer">2</td>
								<td class="gauche"> Valence </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg"/> </td>
								<td> 10 610,20 </td>
								<td >688 982</th>
								<td >1,539</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">3</td>
								<td class="gauche"> Marseille </td>
								<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
								<td> 10 564,90 </td>
								<td >1 714 801</th>
								<td >0,616</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">4</td>
								<td class="gauche"> Clermont_Ferrand </td>
								<td> <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
								<td> 9 555,10 </td>
								<td >1 306 987</th>
								<td >0,731</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">5</td>
								<td class="gauche"> Nantes </td>
								<td> <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
								<td> 8 970,80 </td>
								<td >9 74 928</th>
								<td >0,920</th>
								<td >0</td>
								<td >0</td>
							</tr>
							<tr>
								<td class="centrer">6</td>
								<td class="gauche"> Strasbourg </td>
								<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
								<td> 8 330,60 </td>
								<td >1 624 001</th>
								<td >0,512</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">7</td>
								<td class="gauche"> Arras </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
								<td> 8 276,10 </td>
								<td >9 69 299</th>
								<td >0,853</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">8</td>
								<td class="gauche"> Limoges </td>
								<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
								<td> 7 671,10 </td>
								<td >7 23 660</th>
								<td >1,060</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">9</td>
								<td class="gauche"> Alencon </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
								<td> 7 553,50 </td>
								<td >1 394 451</th>
								<td >0,541</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">10</td>
								<td class="gauche"> Paris_Sud </td>
								<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
								<td> 7 496,90 </td>
								<td >883 942</th>
								<td >0,848</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">11</td>
								<td class="gauche"> Melun </td>
								<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
								<td> 7 270,70 </td>
								<td >1 078 983</th>
								<td >0,673</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">12</td>
								<td class="gauche"> Digne </td>
								<td> <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
								<td> 7 127,40 </td>
								<td >686 103</th>
								<td >1,038</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">13</td>
								<td class="gauche"> Bourges </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
								<td> 6 930,00 </td>
								<td >1 310 189</th>
								<td >0,528</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">14</td>
								<td class="gauche"> Bastia </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
								<td> 6 622,50 </td>
								<td >249 729</th>
								<td >2,651</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">15</td>
								<td class="gauche"> St_Brieuc </td>
								<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
								<td> 6 477,00 </td>
								<td >741 843</th>
								<td >0,873</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">16</td>
								<td class="gauche"> Creteil </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
								<td> 6 412,40 </td>
								<td >1 080 745</th>
								<td >0,593</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">17</td>
								<td class="gauche"> Evry </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
								<td> 6 379,80 </td>
								<td > 1 085 167</th>
								<td >0,587</th>
								<td >0</td>
								<td >0</td>
							</tr>
							
							<tr>
								<td class="centrer">18</td>
								<td class="gauche"> Dijon </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
								<td> 6 277,90 </td>
								<td >1 641 302</th>
								<td >0,382</th>
								<td >0</td>
								<td >0</td>
							</tr>
						</tbody>
					</table>
					
					
				<div class="cleared"></div>
			</div><!-- Fin Div content --> 
			<div class="cleared"></div>
		</div> <!-- Fin div middle -->
			
		<div id="footer" style="top:880px;">
			<p>Entreprise DARTIES - 2011</p>                         		
		</div>
		<div class="cleared"></div>
	</div> <!-- Fin div page -->
</body>
</html>
